<template>
  <div id="app" :class="['root', { 'root-max-with': !widthFull }]">
    <keep-alive include="">
      <router-view />
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      widthFull: false
    }
  },
  created() {
    this.$eventBus.$on('width-change', data => {
      this.widthFull = data.fullWidth
    })
  },
  
}
</script>

<style lang="scss">
@import "./styles/index.scss";

.root {
  width: 100%;
  height: 100%;
}
.root-max-with {
  max-width: 1366px;
  max-height: 768px;
  margin: 0 auto;
}
</style>
